.multilevelpushmenu_wrapper {
  position: absolute;
  overflow: hidden;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

.multilevelpushmenu_wrapper .levelHolderClass {
  position: absolute;
  overflow: hidden;
  top: 0;
  background: #212d3a !important;
  width: auto;
  min-height: 100%;
  /*font-family: 'Open Sans Condensed', sans-serif;*/
  font-size: 1em;
  zoom: 1;
}

.multilevelpushmenu_wrapper .ltr {
  margin-left: -100%;
  left: 0;
  border-right: 1px solid #151c24;
}

.multilevelpushmenu_wrapper .rtl {
  margin-right: -100%;
  right: 0;
  border-right: 1px solid #151c24;
}

.multilevelpushmenu_wrapper .multilevelpushmenu_inactive {
  background: #2e6196;
}

.multilevelpushmenu_wrapper h2 {
  font-size: 1.5em;
  line-height: 1em;
  color: #1f4164;
  padding: 30px 15px 20px;
  margin: 0;
  color: #FFF;
  font-size: 22px;
  font-weight: normal;
}

.multilevelpushmenu_wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.multilevelpushmenu_wrapper li {
  cursor: pointer;
}

.multilevelpushmenu_wrapper li a:hover, .multilevelpushmenu_wrapper li a:focus {
  background-color: #151c24;
}

.multilevelpushmenu_wrapper a {
  display: block;
  outline: none;
  overflow: hidden;
  font-size: 16px;
  line-height: 1em;
  padding: 15px;
  text-decoration: none;
  color: #fff;
  font-weight: normal;
}

.multilevelpushmenu_wrapper a:hover, .multilevelpushmenu_wrapper a:focus {
  color: #ffe;
}

.multilevelpushmenu_wrapper .backItemClass {
  display: block;
  padding: 0;
  background: transparent;
  border-top: 1.5px solid #151c24;
  border-bottom: 1.5px solid #151c24;
}

.multilevelpushmenu_wrapper .backItemClass a:hover, .multilevelpushmenu_wrapper .backItemClass a:focus {
  background: #151c24;
}

.multilevelpushmenu_wrapper .floatRight {
  float: right;
}

.multilevelpushmenu_wrapper .floatLeft {
  float: left;
}

.multilevelpushmenu_wrapper .cursorPointer {
  cursor: pointer;
}

.multilevelpushmenu_wrapper .iconSpacing_ltr {
  padding: 0 .4em 0 0;
}

.multilevelpushmenu_wrapper .iconSpacing_rtl {
  padding: 0 0 0 .4em;
}

div#off-canvas-nav {
  position: fixed;
  top: 0;
  
  bottom: 0;
  z-index:2;
}
.off-canvas-nav-toggle {vertical-align:middle;cursor:pointer;}
.off-canvas-nav-toggle>span {line-height:.5;}

#off-canvas-nav nav {visibility: hidden;}
#off-canvas-nav[style] nav {visibility: visible;}

.fullscreen-nav-cover {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(/Shared/Themes/SparkPay2015-5-15 [Spork]/images/50percOpaqueBg.png);
  background: rgba(0,0,0,.5);
  z-index: 1;
  display:none;
  visibility:hidden;
  opacity:0;
  transition: opacity .33s ease-in-out;
}

div#off-canvas-nav[data-nav-open="true"] + .fullscreen-nav-cover {
  display:block;
  visibility:visible;
  opacity:1;
}

.off-canvas-logo {
  max-width: 190px;
  padding-top: 2px;
}

.off-canvas-nav-toggle-close {
  padding: 1px 8px;
  float: right;
  text-decoration: none;
  font-weight: normal;
  font-size: 16px;
  border-radius: 2.5px;
  color: #FFF;
  border: 1px solid #FFF;
  opacity: 0.5;
  cursor: pointer;
}

.off-canvas-nav-toggle-close:hover, .off-canvas-nav-toggle-close:focus {
  opacity: 1;
}